
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="_fragments :: head"></head>

<body class="app sidebar-mini">
<!-- Navbar-->
<header class="app-header" th:replace="_fragments :: bodyhead"></header>

<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar" th:replace="_fragments :: aside"></aside>

<main class="app-content">
    <div class="app-title">
        <div>
            <h1><i class="fa fa-edit"></i>成果上传</h1>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">成果上传</a></li>
        </ul>
    </div>
    <div class="row">
        <div class="col-md-6" style="margin:0 auto">
            <div class="tile">

                <div class="tile-body">
                    <form th:action="@{/uploadAchievement}"  method="post" enctype="multipart/form-data">
                        <input name="uid" type="hidden" th:value="${session.user.id}">
                        <div class="form-group">
                            <label class="control-label">成果名</label>
                            <input class="form-control" type="text" placeholder="请输入成果名" required name="title">
                        </div>
                        <div class="form-group">
                            <label class="control-label">类别</label><br>
                            <input type="radio" id="winning" name="type" required value="获奖" checked>
                            <label for="winning">获奖</label>
                            &nbsp&nbsp&nbsp&nbsp
                            <input type="radio" id="thesis" name="type" value="论文">
                            <label for="thesis">论文</label>
                            &nbsp&nbsp&nbsp&nbsp
                            <input type="radio" id="patent" name="type" value="专利">
                            <label for="patent">专利</label>
                        </div>
                        <div class="form-group">
                            <label class="control-label">成果方向</label>
                            &nbsp&nbsp&nbsp&nbsp
                            <select name="direction" required>
                                <option th:value="计算机">计算机</option>
                                <option th:value="建筑">建筑</option>
                                <option th:value="环境">环境</option>
                                <option th:value="材料">材料</option>
                                <option th:value="金融">金融</option>
                                <option th:value="其他">其他</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label class="control-label">成果描述</label>
                            <textarea name="detail" required class="form-control" rows="4" placeholder="请输入对成果的描述"></textarea>
                        </div>
                        <div class="form-group">
                            <label class="control-label">成果发表时间</label>
                            <input type = "date" required name = "date">
                        </div>
                        <div class="form-group">
                            <label class="control-label">支撑材料上传</label>
                            <input name="file" required class="form-control-file" id="exampleInputFile" type="file" aria-describedby="fileHelp" multiple = "multiple">
                        </div>

                        <div class="form-group">
                            <button class="btn btn-secondary" type="submit">提交</button>
                            &nbsp&nbsp&nbsp&nbsp
                            <button class="btn btn-secondary" type="reset">重置</button>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
</main>
<!-- Essential javascripts for application to work-->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
<!-- The javascript plugin to display page loading on top-->
<script src="js/plugins/pace.min.js"></script>
<!-- Page specific javascripts-->
<!-- Google analytics script-->
<script type="text/javascript">
    if(document.location.hostname == 'pratikborsadiya.in') {
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
        ga('create', 'UA-72504830-1', 'auto');
        ga('send', 'pageview');
    }
</script>
</body>
</html>